<template>
  <div class="main-content noBorder">

    <el-tabs type="border-card" @tab-change="change">

      <!--全部字典-->
      <el-tab-pane>
        <template #label>
          <el-icon>
            <Money/>
          </el-icon>
          <span style="margin-left: 2px">全部字典</span>
        </template>
        <SysDict v-if="active==='0'"></SysDict>
      </el-tab-pane>

      <!--  枚举字典-->
      <el-tab-pane>
        <template #label>
          <el-icon>
            <el-icon>
              <ChromeFilled/>
            </el-icon>
          </el-icon>
          <span style="margin-left: 2px">OptionTag</span>
        </template>
        <SysDictEnum v-if="active==='1'"></SysDictEnum>
      </el-tab-pane>

    </el-tabs>


  </div>

</template>

<script setup>
import {getCurrentInstance, onMounted} from "vue";
import SysDict from "@/module/common/sysDict.vue";
import SysDictEnum from "@/module/common/sysDictEnum.vue";

const active = ref("0")
const {proxy} = getCurrentInstance();

function change(item) {
  active.value = item
}

//页面加载完成回调
onMounted(() => {
})

</script>

<style scoped lang="less">

</style>